<extend name="Public/layout"/>

<block name="title"><title>{:C('WEB_SITE_TITLE')}－{:C('WEB_SITE_SLOGAN')}</title></block>

<block name="breadcrumb"></block>

<block name="style">
    <style type="text/css">
        .thumbnail .lazy{
            width: 100%;
            height: 126px;
        }
        .thumbnail .caption p{
            height: 60px;
            overflow: hidden;
        }
        #owl-case img{
            width: 210px;
            height: 150px;
        }
    </style>
</block>

<block name="script">
    <script type="text/javascript">
        $(function(){
            $('#my-slide').DrSlider({
                width: undefined,
                height: undefined,
                userCSS: false,
                transitionSpeed: 1000,
                duration: 8000,
                transition: 'random',
                showNavigation: true,
                navigationType: 'circle',
                positionNavigation: 'in-center-bottom',
                 navigationColor: 'rgb(223,223,223)',
                navigationHoverColor: '#00A4FF',
                 navigationHighlightColor: '#00A4FF',
                 showProgress: false,
                progressColor: '#797979',
                pauseOnHover: true
            });
             $('#owl-case').owlCarousel();
        }); 
    </script>
</block>

<block name="jumbotron">
    <div id="my-slide" style="color:#fff;text-shadow: 0 1px 3px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.075);">
        <div data-lazy-background="__IMG__/slider01.jpg">
            <h3 data-pos="['0%', '110%', '25%', '5%']" data-duration="300" data-effect="move">
                CoreThink框架
            </h3>
            <h4 class="hidden-xs-inline" data-pos="['0%', '110%', '40%', '5%']" data-duration="300" data-effect="move">让企业开发变得简单、高效、卓越！</h4>
            <div data-pos="['0%', '110%', '50%', '5%']" data-duration="200" data-effect="move">
                <a class="btn btn-success" href="{:U('document/index/cid/1')}">免费下载（V1.0）</a>
                <a class="btn btn-warning-inverse" href="{:U('document/index/cid/5')}">开发者社区</a>
                <a class="btn btn-danger-inverse" href="{:U('document/index/cid/1')}">更新日志</a>
                <a class="btn btn-info-inverse" target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=1ac8801c2f274de186f5c52203f428a1726ba9e3018aa579399b4c6161ca63cd">官方QQ群</a>
            </div>
        </div>
        <div data-lazy-background="__IMG__/slider02.jpg">
            <h3 data-pos="['0%', '110%', '35%', '15%']" data-duration="300" data-effect="move">
                微＋大屏幕
            </h3>
            <h4 data-pos="['0%', '110%', '45%', '15%']" data-duration="300" data-effect="move">
                PPT＋微信墙＋抽奖 全功能大屏幕
            </h4>
            <h4 data-pos="['0%', '110%', '50%', '15%']" data-duration="300" data-effect="move">
                适用于晚会、婚庆、外场、节日、主题活动等各种场景
            </h4>
            <div data-pos="['0%', '110%', '60%', '15%']" data-duration="200" data-effect="move">
                <a class="btn btn-success" href="#">即 将 推 出 <span class="fa fa-hand-o-right"></span></a>
            </div>
        </div>
        <div data-lazy-background="__IMG__/slider03.jpg">
        </div>
        <div data-lazy-background="__IMG__/slider04.jpg">
        </div>
    </div>
</block>

<block name="body">
    <div class="main">
        <div class="container">
            <a class="btn btn-info btn-block margin-top margin-bottom">特性</a>
            <div class="row">
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index01.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">框架简介<br><small>简单、轻量、高效</small></a>
                            </h3>
                            <p>
                                CoreThink是一套轻量级WEB产品开发框架，追求简单、高效、卓越。可轻松实现移动互联网时代支持多终端的轻量级WEB产品快速开发。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index02.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">开源免费<br><small>遵循Apache2开源协议</small></a>
                            </h3>
                            <p>
                                代码遵循Apache2开源协议，并且免费使用，对商业用户友好。CoreThink将成为一面国产开源旗舰产品。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index03.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">极易使用<br><small>容易上手</small></a>
                            </h3>
                            <p>
                                CoreThink 极易使用：没有复杂的代码和新生语法，原生TP语言直接调用即可。后台Builder可快速扩展功能无需编写模版。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index04.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">无限可能<br><small>想到做到</small></a>
                            </h3>
                            <p>
                                CoreThink 可以用来开发企业网站、门户网站、多用户博客、O2O商城、微信公众号第三方平台，你想到的它都能办到。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index05.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">通俗文档<br><small>通俗易懂</small></a>
                            </h3>
                            <p>
                                CoreThink 通俗文档：文档通俗易懂，尽量规避专业术语，努力用最白话的形式表述。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index06.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">ThinkPHP构建<br><small>大道至简</small></a>
                            </h3>
                            <p>
                                依托新版ThinkPHP的功能优势和命名空间的特性，官方七年磨一剑，用心打造。更高，更快，更强！
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index07.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">快速迭代<br><small>敏捷开发</small></a>
                            </h3>
                            <p>
                                CoreThink 快速迭代：第一时间提交新功能的代码。当然也欢迎大家一起贡献代码。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-3">
                    <div class="thumbnail">
                        <a href="#"><img class="lazy" data-original="__IMG__/index08.png"></a>
                        <div class="caption">
                            <h3 class="text-center">
                                <a href="#">加入我们<br><small>崇尚自由</small></a>
                            </h3>
                            <p>
                                我们追求快乐，做真正喜欢做的事。我们追求效率，做正确有意义的事。我们追求成长，要成为最优秀的人。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <a class="btn btn-success btn-block margin-top margin-bottom">成功案例</a>
            <div class="row">
                <div class="col-xs-12">
                    <div id="owl-case" class="owl-carousel">
                        <a class="item"><img src="__IMG__/case05.png"><br><span>游戏约</span></a>
                        <a class="item"><img src="__IMG__/case06.png"><br><span>微＋大屏幕</span></a>
                        <a class="item"><img src="__IMG__/case07.png"><br><span>中国设计师联盟</span></a>
                        <a class="item"><img src="__IMG__/case08.png"><br><span>T3T2游戏</span></a>
                        <a class="item"><img src="__IMG__/case01.png"><br><span>心理健康教育与咨询中心</span></a>
                        <a class="item"><img src="__IMG__/case04.png"><br><span>“分子系统与有机器件”研究团队</span></a>
                        <a class="item"><img src="__IMG__/case02.png"><br><span>材料科学与工程学院</span></a>
                        <a class="item"><img src="__IMG__/case03.png"><br><span>自动化学院</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</block>
